import styled from "styled-components";

import personalContentImg from '../../assets/img/人员情况框@2x.png'


export const Personnel = styled.div`
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    .titleName{
        width:100%;
        height:20%;
        position: relative;
        font-family: PingFangSC-Medium;
        font-size: 18px;
        color: #00CCFF;
        letter-spacing: 0;
        font-weight: bold;
        span{
            position: absolute;
            top:5px;
            left:10px;
        }
    }
    .personalContent{
        flex: 1;
        background-image: url(${personalContentImg});
        background-size: 100% 100%;
        position: relative;
        font-family: PingFangSC-Medium;
        font-size: 28px;
        color: #00CCFF;
        letter-spacing: 0;
        font-weight: bold;
        .person{
            position: absolute;
            top:20%;
            left:20%;
        }
        .number{
            position: absolute;
            bottom:15%;
            left:30%;
            font-size: 40px !important;
            color: #70B9FF !important;
        }
    }
   
`
